<template>
  <div>
    <el-container>
      <el-header style="height:140px">
        <el-form ref="form" :model="form" label-width="80px" class="el-form">
          <!-- 第一行 -->
          <el-row>
            <el-col :span="8">
              <el-form-item label="车型编号">
                <el-input v-model="form.num" class="" />
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="应载重量">
                <el-select v-model="form.region">
                  <el-option label="<1.8(吨)" value="one" />
                  <el-option label="1.8-6(吨)" value="two" />
                </el-select>
              </el-form-item>
            </el-col>
            <el-col :span="8">
              <el-form-item label="应载体积">
                <el-select v-model="form.region">
                  <el-option label="<3(m³)" value="one" />
                  <el-option label="3-5(m³)" value="two" />
                  <el-option label="5-10(m³)" value="three" />
                </el-select>
              </el-form-item>
            </el-col>
          </el-row>
          <!-- 第二行 -->
          <el-row>
            <el-col :span="8">
              <el-form-item label="车型编号">
                <el-input v-model="form.num" class="" />
              </el-form-item>
            </el-col>
            <el-form-item>
              <el-button class="edit">搜索</el-button>
            </el-form-item>
            <el-form-item>
              <el-button class="reset">重置</el-button>
            </el-form-item>
          </el-row>
        </el-form>
      </el-header>
      <el-main>Main</el-main>
    </el-container>
  </div>
</template>

<script>
export default {
  name: 'CarModels',
  data() {
    return {
      form: {
        name: '',
        province: '',
        city: '',
        contry: '',
        region: '',
        date1: '',
        date2: '',
        delivery: false,
        type: [],
        resource: '',
        desc: ''
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.el-container{
     .el-header {
    margin: 20px;
    margin-bottom: 0px;
    background-color: #FFF;
    color: black;
    text-align: center;
    padding: 20px;
  }
    .el-main {
    margin: 20px;
    background-color: #FFF;
    color: black;
    text-align: center;
    line-height: 705px;
  }

}
</style>
